<template>
	<view>
		方形图片
		<v-image src="@/components/model/native/v-toast/info.png" width="300rpx" height="200rpx" model="square" />
		圆形图片
		<v-image src="https://img.alicdn.com/imgextra/i3/2216099372896/O1CN01UMdaBk1XGQ3unBrKA_!!2216099372896.jpg_.webp" width="200rpx" height="200rpx" model="circle" />
		圆角图片
		<v-image
			src="https://img.alicdn.com/imgextra/i3/2216099372896/O1CN01UMdaBk1XGQ3unBrKA_!!2216099372896.jpg_.webp"
			width="300rpx"
			height="200rpx"
			model="rounded"
			borderRadius="20rpx"
		/>
		启用预览功能
		<v-image
			src="https://img.alicdn.com/imgextra/i3/2216099372896/O1CN01UMdaBk1XGQ3unBrKA_!!2216099372896.jpg_.webp"
			width="300rpx"
			height="200rpx"
			model="rounded"
			borderRadius="15rpx"
			:enablePreview="true"
			previewModel="circle"
			previewBorderRadius="0"
		/>
		加载失败
		<v-image
			src="https://img12.360buyimg.com/n7/jfs/t1/281185/25/19420/44317/67fc6532F6b5546cb"
			width="300rpx"
			height="200rpx"
			model="rounded"
			borderRadius="15rpx"
			:enablePreview="true"
			previewModel="circle"
			previewBorderRadius="0"
		/>
		懒加载
		<v-image
			src="https://img.alicdn.com/imgextra/i3/2216099372896/O1CN01UMdaBk1XGQ3unBrKA_!!2216099372896.jpg_.webp"
			width="300rpx"
			height="200rpx"
			model="rounded"
			borderRadius="15rpx"
			:enablePreview="true"
			previewModel="circle"
			previewBorderRadius="0"
			:lazy="lazy"
		/>
		禁用预览功能
		<v-image
			src="https://img.alicdn.com/imgextra/i3/2216099372896/O1CN01UMdaBk1XGQ3unBrKA_!!2216099372896.jpg_.webp"
			width="300rpx"
			height="200rpx"
			model="rounded"
			borderRadius="15rpx"
			:enablePreview="true"
			previewModel="circle"
			previewBorderRadius="0"
			disabled
		/>
	</view>
</template>

<script setup>
import { ref } from 'vue';
let lazy = ref(true);
setTimeout(() => {
	lazy.value = false;
}, 2000);
</script>

<style></style>
